<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/enroll.css">
    <link rel="stylesheet" href="../css/reset.css">
</head>

<body>
    <!-- 头部 -->
    <section id="nav_top">
        <nav>
            <div id="nav_logo">
                <a href="../html/index.html">
                    <img src="../images/2.png" alt="">
                </a>
            </div>
            <div id="nav_right">
                <div id="right_top">
                    <div>
                        <div id="languagetext">

                        </div>
                        <div id="tansuo">
                            <a href="javascript:;">
                                探索通
                            </a>
                        </div>
                        <div id="login">
                            <a href="#">登录</a>
                        </div>
                        <div id="cart">
                            <a href="javascript:;" class="car">购物车
                                <span>0</span>
                            </a>
                            <div id="cart_box">
                                <div id="close">

                                </div>
                                <div class="cartlist">
                                    <div>购物车中还没有商品，赶紧选购吧</div>
                                    <div>

                                    </div>
                                    <div class="cart_bottom">
                                        <div>1件商品商品总计</div>
                                        <div class="button">
                                            <a href="../html/cart.html">查看购物车</a>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="right_bottom">
                    <ul id="bottom_left">
                        <li>
                            <a href="#" class="head"> </a>
                            <div class="secondlist">
                                <div class="secondcenter">
                                    <ul>
                                        <li>新品系列</li>

                                        <li><a href="javascript:;">行装入野-帐篷</a></li>
                                        <li><a href="javascript:;">行装入野-背包</a></li>
                                        <li><a href="javascript:;">夏天走起-整装探索</a></li>
                                        <li><a href="javascript:;">自然之旅D3</a></li>
                                    </ul>
                                    <ul>
                                        <li>性别</li>
                                        <li><a href="javascript:;">男上装</a></li>
                                        <li><a href="javascript:;">女上装</a></li>
                                        <li><a href="javascript:;">男下装</a></li>
                                        <li><a href="javascript:;">女下装</a></li>
                                        <li><a href="javascript:;">男鞋</a></li>
                                        <li><a href="javascript:;">女鞋</a></li>
                                    </ul>
                                    <ul>
                                        <li>上装</li>
                                        <li><a href="javascript:;">T恤/POLO衫</a></li>
                                        <li><a href="javascript:;">卫衣</a></li>
                                        <li><a href="javascript:;">夹克</a></li>
                                        <li><a href="javascript:;">衬衫</a></li>
                                        <li><a href="javascript:;">抓绒/软壳上衣</a></li>
                                        <li><a href="javascript:;">三合一</a></li>
                                        <li><a href="javascript:;">羽绒/夹棉服</a></li>

                                    </ul>
                                    <ul>
                                        <li>下装</li>
                                        <li><a href="javascript:;">长裤</a></li>
                                        <li><a href="javascript:;">短裤/短裙</a></li>
                                        <li><a href="javascript:;">休闲裤/紧身裤</a></li>
                                        <li><a href="javascript:;">连衣裙</a></li>
                                    </ul>
                                    <ul>
                                        <li>鞋类</li>
                                        <li><a href="javascript:;">徒步鞋</a></li>
                                        <li><a href="javascript:;">越野跑鞋</a></li>
                                        <li><a href="javascript:;">凉鞋/溯溪鞋</a></li>
                                        <li><a href="javascript:;">休闲鞋/保暖鞋</a></li>
                                    </ul>
                                    <ul>
                                        <li>装备配件</li>
                                        <li><a href="javascript:;">包类</a></li>
                                        <li><a href="javascript:;">帽子</a></li>
                                        <li><a href="javascript:;">围巾/手套/袜子</a></li>
                                        <li><a href="javascript:;">帐篷/睡袋/水壶</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="head"> </a>
                            <div class="secondlist">
                                <div class="secondcenter">
                                    <ul>
                                        <li>上装</li>
                                        <li><a href="javascript:;">T恤/POLO衫</a></li>
                                        <li><a href="javascript:;">卫衣</a></li>
                                        <li><a href="javascript:;">夹克</a></li>
                                        <li><a href="javascript:;">衬衫</a></li>
                                        <li><a href="javascript:;">抓绒/软壳上衣</a></li>
                                        <li><a href="javascript:;">羽绒/夹棉服</a></li>

                                    </ul>
                                    <ul>
                                        <li>下装</li>
                                        <li><a href="javascript:;">长裤</a></li>
                                        <li><a href="javascript:;">短裤
                                            </a></li>
                                        <li><a href="javascript:;">休闲裤/紧身裤</a></li>
                                    </ul>
                                    <ul>
                                        <li>鞋类</li>
                                        <li><a href="javascript:;">徒步鞋</a></li>
                                        <li><a href="javascript:;">越野跑鞋
                                            </a></li>
                                        <li><a href="javascript:;">凉鞋/溯溪鞋</a></li>
                                        <li><a href="javascript:;">休闲鞋/保暖鞋</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="head"></a>
                            <div class="secondlist">
                                <div class="secondcenter">
                                    <ul>
                                        <li>上装</li>

                                        <li><a href="javascript:;">T恤/POLO衫</a></li>
                                        <li><a href="javascript:;">卫衣</a></li>
                                        <li><a href="javascript:;">夹克</a></li>
                                        <li><a href="javascript:;">衬衫</a></li>
                                        <li><a href="javascript:;">抓绒/软壳上衣</a></li>
                                        <li><a href="javascript:;">羽绒/夹棉服</a></li>

                                    </ul>
                                    <ul>
                                        <li>下装</li>
                                        <li><a href="javascript:;">长裤</a></li>
                                        <li><a href="javascript:;">短裤/短裙</a></li>
                                        <li><a href="javascript:;">休闲裤/紧身裤</a></li>
                                    </ul>
                                    <ul>
                                        <li>鞋类</li>
                                        <li><a href="javascript:;">徒步鞋</a></li>
                                        <li><a href="javascript:;">越野跑鞋</a></li>
                                        <li><a href="javascript:;">凉鞋/溯溪鞋</a></li>
                                        <li><a href="javascript:;">休闲鞋/保暖鞋</a></li>

                                    </ul>
                                </div>

                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="head"> </a>
                            <div class="secondlist">
                                <div class="secondcenter">
                                    <ul>

                                        <li>鞋类</li>

                                        <li><a href="javascript:;">徒步鞋</a></li>
                                        <li><a href="javascript:;">越野跑鞋</a></li>
                                        <li><a href="javascript:;">凉鞋/溯溪鞋</a></li>
                                        <li><a href="javascript:;">休闲鞋/保暖鞋</a></li>

                                    </ul>

                                </div>

                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="head"></a>
                            <div class="secondlist">
                                <div class="secondcenter">
                                    <ul>
                                        <li>装备</li>
                                        <li><a href="javascript:;">包类</a></li>
                                        <li><a href="javascript:;">帽子</a></li>
                                        <li><a href="javascript:;"> 围巾/手套/袜子</a></li>
                                        <li><a href="javascript:;">帐篷/睡袋/水壶</a></li>

                                    </ul>
                                </div>

                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="head"></a>
                            <div class="secondlist">
                                <div class="secondcenter">
                                    <ul>
                                        <li>童装 </li>
                                        <li><a href="javascript:;">男童</a></li>
                                        <li><a href="javascript:;">女童</a></li>
                                        <li><a href="javascript:;">幼童</a></li>
                                        <li><a href="javascript:;">儿童通用款</a></li>

                                    </ul>
                                </div>

                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="head"></a>
                            <div class="secondlist">
                                <div class="secondcenter">
                                    <ul>
                                        <li>场景</li>
                                        <li><a href="javascript:;">徒步</a></li>
                                        <li><a href="javascript:;">越野跑</a></li>
                                        <li><a href="javascript:;">攀岩</a></li>
                                        <li><a href="javascript:;">露营</a></li>

                                    </ul>
                                </div>

                            </div>
                        </li>
                        <li>
                            <a href="javascript:;">关于北面</a>

                        </li>
                        <li>
                            <a href="javascript:;">探索故事</a>

                        </li>
                    </ul>
                    <div id="bottom_right">
                        <div>
                            <form action="">
                                <input type="text" placeholder="搜索商品">
                            </form>
                            <a href="javascript:;">
                                <div>

                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </section>
    <!-- 侧边栏 -->
    <section id="right_nav">
        <div>
            <a href="javascript:;">
                <img src="../images/10029.png" alt="">
            </a>
        </div>
        <div>
            <a href="javascript:;">
                <img src="../images/10030.png" alt="">

                <div class="erweima">
                    <div>
                        <img src="../images/10031.png" alt="">
                    </div>

                    <p>扫描二维码</p>
                    <p>关注北面官方微信</p>
                </div>
            </a>
        </div>
        <div>
            <a href="javascript:;">
                <img src="../images/10032.png" alt="">
                <div class="erweima">
                    <div>
                        <img src="../images/10031.png" alt="">
                    </div>

                    <p>扫描二维码</p>
                    <p>关注北面官方微博</p>
                </div>
            </a>
        </div>
        <div id="anchor">
            <a href="javascript:;">
                <img src="../images/10034.png" alt="">
            </a>
        </div>
    </section>
    <!-- 公告 -->
    <section id="notice">
        <span>★官方商城订单均正常发货中(含上海),停止揽收地区除外,详询客服。</span>
        </div>
    </section>
    <!-- 登录 -->
    <section id="loginbanner">
        <img src="../images/106.jpg" alt="">
    </section>
    <section id="loginbox">
        <div class="loginbox_left">
            <div class="titles">快速登录/注册</div>
            <form>
                <div class="text">
                    <input type="text" id="txt" placeholder="用户名"><span></span>
                </div>

                <div class="suiji">
                    <input type="text" class="code" placeholder="填写验证码">
                    <div class="word">
                        <div class="random">5633</div>
                        <a href="javascript:;" class="look">看不清,换一个</a>
                    </div>
                </div>
                <div class="text">
                    <input type="text" id="pass" placeholder="输入密码"> <span></span>
                </div>

            </form>
            <div class="xieyi">
                <input type="checkbox"><a href="javascript:;"> 我同意TheNorthFace®北面官网&nbsp;<a
                        href="javascript:;"><u>服务条款</u></a>&nbsp;和&nbsp;<a href="javascript:;"><u>会员章程</u></a></a>
            </div>
            <div class="buttonf">
                <a href="javascript:;" id="btn">
                    立即登录
                </a>
                <a href="../html/login.html">账号登录</a>
            </div>

        </div>
        <div class="loginbox_right">
            <div class="titles">为什么加入探索通？</div>
            <p>
                立即注册The North Face会员项目“探索通”,即可获得价值50元入会礼券,可在指定线下店铺与官方商城购买指定商品满500元使用
            </p>
            <div class="wellfare">
                <h3>另有更多会员专享权益,助力您探索永不停止。</h3>
                <div>
                    <div>
                        <img src="../images/102.png" alt="">
                    </div>
                    <a href="javascript:;">购物享积分</a>
                </div>
                <div>
                    <div>
                        <img src="../images/103.png" alt="">
                    </div>
                    <a href="javascript:;">最高价值388元生日礼券</a>
                </div>
                <div>
                    <div>
                        <img src="../images/104.png" alt="">
                    </div>
                    <a href="javascript:;">会员专享预售与限量抽签活动</a>
                </div>
                <div>
                    <div>
                        <img src="../images/105.png" alt="">
                    </div>
                    <a href="javascript:;">新品与活动通知</a>
                </div>
            </div>
        </div>
    </section>
    <!-- 头部 -->
    <!-- 尾部 -->
    <footer>
        <div class="footer_top">
            <div class="footer_top_center">
                <div>
                    <div>
                        <img src="../images/10027.png" alt="">
                    </div>
                    <p>工作时间 : 周一至周日,9:00~22:00
                    </p>
                    <h3>400-890-7688</h3>
                </div>
                <div class="footer_logo">
                    <a href="javascript:;">
                        <img src="../images/10028.jpg" alt="">
                    </a>

                </div>
            </div>

        </div>
        <div class="footer_middle">
            <div class="footer_middle_left">
                <ul>
                    <h3>官方商城</h3>
                    <li><a href="javascript:;">全部商品</a></li>
                    <li><a href="javascript:;">男式</a></li>
                    <li><a href="javascript:;">女式</a></li>
                    <li><a href="javascript:;">鞋类</a></li>
                    <li><a href="javascript:;">装备/配件</a></li>
                    <li><a href="javascript:;">童装</a></li>
                    <li><a href="javascript:;">科技</a></li>
                    <li><a href="javascript:;">场景</a></li>

                </ul>
                <ul>
                    <h3>探索通</h3>
                    <li><a href="javascript:;">关于探索通</a></li>
                    <li><a href="javascript:;">会员权益</a></li>
                    <li><a href="javascript:;">会员章程</a></li>


                </ul>
                <ul>
                    <h3>探索故事</h3>
                    <li><a href="javascript:;">关于北面</a></li>
                    <li><a href="javascript:;">探索故事</a></li>
                    <li><a href="javascript:;">查找门店</a></li>


                </ul>
                <ul>
                    <h3>客户服务</h3>
                    <li><a href="javascript:;">购物流程</a></li>
                    <li><a href="javascript:;">购物须知</a></li>
                    <li><a href="javascript:;">三包政策</a></li>
                    <li><a href="javascript:;">支付方式</a></li>
                    <li><a href="javascript:;">联系我们</a></li>
                    <li><a href="javascript:;">免责声明</a></li>
                    <li><a href="javascript:;">使用条款</a></li>
                    <li><a href="javascript:;">注册协议</a></li>
                    <li><a href="javascript:;">隐私政策</a></li>
                </ul>
            </div>
            <div class="footer_middle_right">
                <div class="fmr_top">
                    <div><img src="../images/10031.png" alt=""></div>
                    <p>扫一扫即刻关注</p>
                    <p>北面官方微信</p>
                </div>
                <div class="fmr_bottom">
                    欢迎关注北面官方微博
                </div>
            </div>
        </div>
        <div class="footer_bottom">
            <p>COPYRIGHT BY www.thenorthface.com.cn , ALL RIGHTS RESERVED . 威富（上海）企业发展有限公司 <span></span><a
                    href="javascript:;">沪ICP备2022009199号</a> <a href="javascript:;"> <img src="../images/10041.png"
                        alt=""> 沪公网安备 31010602006801号</a> </p>
            <p><a href="javascript:;">营业执照</a> 地址:上海市静安区南京西路688号688广场27楼</p>
        </div>

    </footer>
    <!-- 尾部 -->
</body>

</html>
<script src="../images/js/jquery.min.js"></script>
<script src="../images/js/index.js"></script>
<script src="../images/js/enroll.js"></script>